<div class="d-flex justify-content-between align-items-center">
  <div class="d-flex justify-content-end align-items-center">
    <div class="font-weight-bold text-info">
      <span *ngIf="entries !== rowData.length"
        >{{ 'enum.FOUND' | translate }}&nbsp;{{ entries }}&nbsp;/</span
      >
      <span *ngIf="entries === rowData.length">
        {{ 'enum.OUT_OF' | translate }}&nbsp;
      </span>
      {{ rowData.length }}
    </div>
  </div>
  <div class="d-flex justify-content-end align-items-center">
    <button
      (click)="addProfile()"
      *appDisplayControl="'write_vuls_profile'"
      class="mr-3 d-flex justify-content-end align-items-center"
      mat-stroked-button>
      <i class="eos-icons mr-2">add_circle</i>{{ 'cveProfile.ADD' | translate }}
    </button>
    <app-quick-filter
      (filterCountChange)="filterCountChanged($event)"
      [gridOptions]="gridOptions"
      [showCount]="false"
      class="mr-2">
    </app-quick-filter>
    <app-loading-button
      (btnClick)="refresh()"
      [appearance]="'mat-button'"
      [buttonClasses]="'d-flex justify-content-center align-items-center'"
      [disabled]="!!(refreshing$ | async)"
      [iconClasses]="'eos-icons icon-18'"
      [iconName]="'refresh'"
      [id]="'vulnerability-profile-refresh-button'"
      [loading]="!!(refreshing$ | async)"
      [text]="'network.REFRESH' | translate"
      [type]="'button'">
    </app-loading-button>
  </div>
</div>

<ag-grid-angular
  (window:resize)="onResize()"
  [gridOptions]="gridOptions"
  class="ag-theme-alpine"
  style="width: 100%; height: calc(100% - 70px)">
</ag-grid-angular>
